<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		a {
			text-decoration: none;
		}

		.tup {
			width: 100%;
		}

		.phone {
			border: none;
			outline: none;
			margin-top: 20px;
			margin-left: 30px;
		}

		.line {
			border-top: 1px solid #f0f0f0;
			margin-left: 30px;
			margin-right: 30px;
			margin-top: 10px;
		}

		.button {
			height: 100%;
			background: #fc4c91;
			margin-left: 30px;
			margin-right: 30px;
			text-align: center;
			line-height: 44px;
			color: #fff;
			border-radius: 5px;
			margin-top: 30px;
		}

		.font {
			font-size: 18px;
			margin-top: 30px;
			text-align: center;

		}
	</style>
</head>

<body>
	<img class="tup" src="img1.png" />
	<input class="phone" placeholder="请输入手机号码" />
	<div class="line"></div>
	<a href="#">
		<p class="button">在线领取</p>
	</a>
	<div class="font">
		领劵后可购买优质生鲜1小时达
	</div>
	<img class="tup" src="img2.png" />
</body>

</html>